/* 头部开始区域 */
#header{
    width:100%;
    height:77px;
}
.header-con{
    width:1200px;
    height:77px;
    margin:0 auto;
    position: relative;

}
.header-con h1{
    width:304px;
    height:47px;

}
.header-con h1 img{
    width:304px;
    height:47px;
}
.header-con .login{
    width:300px;
    height:77px;
    position: absolute;
    right:0;
    top:0;
}
/* 头部结束区域 */
/* 轮播图开始区域 */
#banner{
    height:500px;
}
.banner-con{
    width:1200px;
    height:500px;
    background: #fff;
    margin:0 auto;
    position: relative;
}

/* 轮播图结束区域 */
/* 主体开始区域 */
#main{
    height:400px;
}
.main-con{
    width:1200px;
    height:400px;
    background:#d6dae2;
    margin:0 auto;
    border:1px solid transparent;
    position: relative;
}
.main-con .course{
    width:1200px;
    height:400px;
    background: #f2f1ef;
    float: left;
}
.main-con .course .by{
    width:742px;
    height:275px;
    float:left;
    margin:20px 0 0 21px;
}
.main-con .course h5{
    width:140px;
    height:20px;
    float:left;
    margin:21px 0 0 21px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    background: url(../imgs/image01/018.png) no-repeat
    left center;
}
.main-con .course p{
    width:30px;
    height:12px;
    font-size:12px;
    color:#888888;
    float: right;
    margin:32px 20px 0 0;
}
.main-con .course .box1{
    width:226px;
    height:273px;
    background:url(../imgs/image01/019.png) no-repeat center top;
    float: left;
    margin:30px 30px 0 0;
}
.main-con .course .box2{
    width:226px;
    height:273px;
    background:url(../imgs/image01/020.png) no-repeat center top;
    position: relative;
    float: left;
    margin:30px 30px 0 0;
}
.main-con .course .box3{
    width:226px;
    height:273px;
    background:url(../imgs/image01/021.png) no-repeat center top;
    float: left;
    margin:30px 3px 0 0;
}

/* 主体结束区域 */
/* 底部开始区域 */
#footer{
    height:312px;
}
.footer-con{
    width:1200px;
    height:314px;
    background:#f6f6f6;
    margin:0 auto;
    position: relative;
    border-top:2px solid #d6dae2;
}
.footer-con .box-a{
    width:719px;
    height:104px;
    background:  url(../imgs/image01/008.png) no-repeat right bottom;
    float:left;
    margin:36px 0 0 207px;
   
}
.footer-con .box-a h5{
    font-size: 12px;
    color:#000;
}


.footer-con .box-b{
    width:718px;
    height:68px;
    float:left;
    margin:42px 0 0 207px;
    background: url(../imgs/image01/05-腾讯大学_03.jpg) no-repeat right bottom;
}
.footer-con .box-b h5{
    font-size: 12px;
    color:#000;
    float:left;
}
.footer-con .box-c{
    width:97px;
    height:52px;
    position: absolute;
    top:36px;
    left:1005px;
    background:url(../imgs/image01/009.png) no-repeat right bottom;
}
.footer-con .box-c h5{
    font-size: 12px;
    color:#000;
    float:left;
} 
.footer-con .box-d{
    width:97px;
    height:50px;
    position: absolute;
    top:107px;
    left:1005px;
    background:url(../imgs/image01/010.png) no-repeat right bottom;
}
.footer-con .box-d h5{
    font-size: 12px;
    color:#000;
    float:left;
} 
/* 底部结束区域 */
/* 版权开始区域 */
#copy{
    height:102px;
}
.copy-con{
    width:1200px;
    height:102px;
    background: #bababa;
    margin:0 auto;
}
.copy-con h5{
    font-size: 12px;
    color:#000;
    float:left;
    margin:34px 0 0 400px;
}
.copy-con h6{
    font-size: 12px;
    color:#000;
    float:left;
    margin:14px 0 0 500px;
}
/* 版权结束区域 */